*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}

.flex_container_default{
  display: flex;
  display: -webkit-flex; /* Safari */
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items:center;
  >div{
    cursor: pointer;
    &.hasValue{
      background-color: #eeeeee;
    }
    flex-grow:1;
    flex-shrink:1;
    flex-basis:25%;
   padding-top: 25%;
    position: relative;
    -webkit-background-size:contain;
    background-size:contain ;
    background-repeat: no-repeat;
    border-bottom:2px solid #fff;
    &:nth-child(2){
      border-left:2px solid #fff;
    }
    &:nth-child(3){
      border-left:2px solid #fff;
      border-right:2px solid #fff;
    }
    .text{
      position: absolute;
      bottom:0;
      font-size: .5rem;
      padding:0.2rem;
      color: #fff;
      text-align: center;
      background: #f9bf3b;
      width:100%;

    }
  }
}

.center{
  position: fixed !important;
  transform: translateX(-50%) translateY(-50%);
  top:50% !important;
  left:50% !important;
  z-index:1;
}

body iframe video{
  width: 100%;
}

.mask{
  position: absolute;
  top:0;
  bottom:-1000px;
  left:0;
  right:0;
  background: #000;
  opacity: .8;
}